<%-- 
    Document   : mapa
    Created on : 04/07/2012, 01:54:29
    Author     : Rodrigo
--%>

<%@page import="model.Usuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div style="position: relative;">
            <c:set var="usuario" value="${sessionScope.usuarioLogado}" />

            <c:if test="${usuario.novo}">
                <div class="textos">
                    Antes de começar...
                    <br/>
                    Por favor escolha o estado em que você deseja começar sua jornada!
                </div>
            </c:if>


            <div style="text-align:center; width:509px; margin-left:auto; margin-right:auto;">
                <img id="Image-Maps_3201207040045161" src="imgs/mapa.png" usemap="#Image-Maps_3201207040045161" border="0" width="509" height="500" alt="" />
                <map id="_Image-Maps_3201207040045161" name="Image-Maps_3201207040045161">
                    <area shape="poly" coords="271,354,293,358,308,361,313,382,327,390,368,370,372,360,367,356,351,362,336,324,298,320," href="MapaServlet?mapa=sp" alt="São Paulo" title="São Paulo"   />
                    <area shape="poly" coords="376,367,371,355,403,338,413,343,404,363," href="MapaServlet?mapa=rj" alt="Rio de janeiro" title="Rio de janeiro"   />
                    <area shape="poly" coords="353,360,342,323,296,321,306,304,337,302,347,262,379,253,428,277,421,296,402,333," href="MapaServlet?mapa=mg" alt="Minas gerais" title="Minas gerais"   />
                    <area shape="poly" coords="7,164,92,192,139,168,198,178,199,150,222,98,202,88,191,66,160,83,144,79,137,42,111,63,82,53,62,55,53,67,54,126," href="MapaServlet?mapa=am" alt="Amazonas" title="Amazonas"   />
                </map>
                <!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
                <div style="text-align:center; font-size:12px; font-family:LondonBetween; margin-left:auto; margin-right:auto; width:509px;">
                    <a style="text-decoration:none; color:black; font-size:12px; font-family:LondonBetween;" href="MapaServlet?mapa=sp" title="São Paulo">São Paulo</a>
                    | 	<a style="text-decoration:none; color:white; font-size:12px; font-family:LondonBetween;" href="MapaServlet?mapa=rj" title="Rio de janeiro">Rio de janeiro</a>
                    | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:LondonBetween;" href="MapaServlet?mapa=mg" title="Minas gerais">Minas gerais</a>
                    | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:LondonBetween;" href="MapaServlet?mapa=am" title="Amazonas">Amazonas</a>
                </div>
                <!-- Image map text links - End - -->

            </div>
        </div>
    </body>
</html>
